*{
	padding: 0;
	margin: 0;
}

html,body{
	height: 100%;
}

/*超链接去掉下划线*/
a{
	text-decoration: none;
}

/*导航头*/
.nav-header{
	position: fixed;/*定位*/
	height: 90px;
	width: 100%;
	left:0;
	top:0;
	background: rgba(0,0,0,0.5);/*第四个参数设置透明度 0.1-1.0 数字越大越不透明*/
}

/*导航内的容器*/
.header-container{
	width: 1400px;
	height: 90px;
	margin: 0 auto;
	text-align: center;
}

.top-logo,.top-nav,.top-nav li,.top-right{
	height: 90px;
	/* li 变成块元素*/
	display: inline-block;
}

.top-logo{
	float: left;
	margin-left:-120px;
}

.top-nav{
	margin: 0px 32px 0px -280px;
}

.top-nav li{
	line-height: 90px;
	width: 90px;
}

.top-nav li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: white;
}

/*鼠标放在li元素变红色*/
.top-nav li a:hover{
	color:black;
}

/*top-right超链接*/
.top-right a{
	display: inline-block;
	font-size: 16px;
	text-align: center;
	margin-top: 25px;
	border-radius: 25px;
}

/*top-right第一个超链接 */
.top-right a:first-of-type{
	padding: 10px 23px 10px 23px;
	width: 40px;
	color: yellow;
	border: 1px solid yellow;
}

.top-right a:first-of-type:hover{
	color:yellow;
	background-color: gold;
}

.top-right a:last-of-type{
	margin-left: 5px;
	padding: 10px 0px 0px 0px;
	width: 130px;
	height: 30px;
	color: yellow;
	border: 1px solid yellow;
}

.top-right a:last-of-type:hover{
	color:yellow;
	background-color: gold;
}

/*中部暂不处理*/
section{
	width: 100%;
}

/*底部处理*/
footer{
	margin-top: -5px;
	background-color: #333333;
	height: 300px;
}

footer nav,p{
	margin-left:517px;
}
footer nav ul,footer nav ul li{
	display: inline-block;
	text-align: center;
}

footer nav ul li{
	width: 100px;
	height: 100px;
	margin: 0;
	font-size: 16px;
}

/*图片*/
footer nav ul li span{
	display: block;
	color: black;
}

footer li span:first-of-type{
	width: 100px;
	height: 80px;
	background: url('../img/sprites_footer.png');
}

footer li:nth-child(1) span:first-of-type{
	background-position: 0 0;
}

footer li:nth-child(1) span:first-of-type:hover{
	background-position: -100px 0;
}

footer li:nth-child(2) span:first-of-type{
	background-position: 0 -100px;
}
footer li:nth-child(2) span:first-of-type:hover{
	background-position: -100px -100px;
}

footer li:nth-child(3) span:first-of-type{
	background-position: 0 -200px;
}
footer li:nth-child(3) span:first-of-type:hover{
	background-position: -100px -200px;
}

footer li:nth-child(4) span:first-of-type{
	background-position: 0 -300px;
}
footer li:nth-child(4) span:first-of-type:hover{
	background-position: -100px -300px;
}

footer li:nth-child(5) span:first-of-type{
	background-position: 0 -400px;
}
footer li:nth-child(5) span:first-of-type:hover{
	background-position: -100px -400px;
}

footer li:nth-child(6) span:first-of-type{
	background-position: 0 -500px;
}
footer li:nth-child(6) span:first-of-type:hover{
	background-position: -100px -500px;
}

footer li:nth-child(7) span:first-of-type{
	background-position: 0 -600px;
}
footer li:nth-child(7) span:first-of-type:hover{
	background-position: -100px -600px;
}

footer p{
	text-align: center;
	padding-right: 35%;
}






